<template>
  <div class="page-container">
    <div class="page-header">
      <h1>用户管理</h1>
      <p class="page-description">用户管理页面</p>
    </div>
    
    <div class="page-content">
      <a-card>
        <div class="content-placeholder">
          <a-empty description="用户管理功能待开发" />
        </div>
      </a-card>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

// 页面标题
const title = ref('用户管理')

// 页面描述
const description = ref('用户管理页面')
</script>

<style scoped lang="scss">
.page-container {
  padding: 24px;
  
  .page-header {
    margin-bottom: 24px;
    
    h1 {
      margin: 0 0 8px 0;
      font-size: 24px;
      font-weight: 600;
      color: #262626;
    }
    
    .page-description {
      margin: 0;
      color: #8c8c8c;
      font-size: 14px;
    }
  }
  
  .page-content {
    .content-placeholder {
      padding: 40px;
      text-align: center;
    }
  }
}
</style> 